<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>SSD4-User Interface Design</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link href="css/styles.css" rel="stylesheet">
		<link href="css/view.css" rel="stylesheet">
		<!-- 返回顶部调用 begin -->
		<link href="css/lrtk.css" rel="stylesheet" />
		<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="javascript/js.js"></script>
		<!-- 返回顶部调用 end-->
		<!--[if lt IE 9]>
		<script src="javascript/modernizr.js"></script>
		<![endif]-->
	</head>
	<body>
		<header>
		  	<nav id="nav">
		   		<ul>
			      <li><a href="/" >网站首页</a></li>
			      <li><a href="/download/" target="_blank" title="个人博客模板">个人博客模板</a></li>
			      <li><a href="/book/" target="_blank" title="图书推荐">图书推荐</a></li>
			      <li><a href="/web/" target="_blank" title="网站建设">网站建设</a></li>
			      <li><a href="/newshtml5/" target="_blank" title="HTML5 / CSS3">HTML5 / CSS3</a></li>
			      <li><a href="/jstt/" target="_blank" title="技术探讨">技术探讨</a></li>
			      <li><a href="/news/s/" target="_blank" title="慢生活">慢生活</a></li>
			      <li><a href="/newstalk/" target="_blank" title="碎言碎语">碎言碎语</a></li>
			      <li><a href="/news/jsex/" target="_blank" title="JS 实例代码演示">JS实例</a></li>
		    	</ul>
		    	<script src="javascript/silder.js"></script>
		    	<!--获取当前页导航 高亮显示标题--> 
		  	</nav>
		</header>
		<!--header end-->
		<div id="mainbody">
  			<div class="blogs">
    			<div class="newlist">
  					<h2>
	  					<span>
	      					<a href="/jstt/div/">div+css</a>
	      					<a href="/jstt/bj/">心得笔记</a>
	      					<a href="/jstt/asp/">ASP</a>
	      					<a href="http://www.ip3q.com/">IP查询</a>
	      					<a href="/news/jsex/">JS经典实例</a>
	      					<a href="/jstt/html5/">html5资讯</a>
						</span>
						您当前的位置：
						<a href="/index.html">首页</a>&nbsp;>&nbsp;<a href="/jstt/">技术探讨</a>
					</h2>
     				<ul>
						<p class="ptit"><b><a href="/jstt/div/2013-08-10/576.html" target="_blank" title=" li列表在网页中常见应用例举（二）"> li列表在网页中常见应用例举（二）</a></b></p>
						<p class="ptime">发布时间：2013-08-10 作者：杨青  分类：div+css </p>
						<a href="/jstt/div/2013-08-10/576.html" target="_blank" title=" li列表在网页中常见应用例举（二）"><img src="images/s1.jpg" class="imgdow" alt=" li列表在网页中常见应用例举（二）"></a> <p class="pcon">li列表加时间，li列表背景图片的应用，li标签里面的span应该放在前面，如果放在后面IE浏览器较低版本会出现错位 <a href="/jstt/div/2013-08-10/576.html" target="_blank" title=" li列表在网页中常见应用例举（二）">详细信息</a></P>
						<div class="line"></div>
					</ul>
					<div class="page">
						<a title="Total record">
							<b>38</b>
						</a>
							<b>1</b>
						<a href="/jstt/index_2.html">2</a>
						<a href="/jstt/index_2.html">></a>
						<a href="/jstt/index_2.html">>>
						</a>
					</div>
				</div>
    			<!--bloglist end-->
    <aside>
      <div class="search">
        <form class="searchform" method="get" action="#">
          <input type="text" name="s" value="Search" onfocus="this.value=''" onblur="this.value='Search'">
        </form>
      </div>
      <div class="sunnav">
        <ul>
          <li><a href="/web/" target="_blank" title="网站建设">网站建设</a></li>
          <li><a href="/newshtml5/" target="_blank" title="HTML5 / CSS3">HTML5 / CSS3</a></li>
          <li><a href="/jstt/" target="_blank" title="技术探讨">技术探讨</a></li>
          <li><a href="/news/s/" target="_blank" title="慢生活">慢生活</a></li>
        </ul>
      </div>
      <div class="tuijian">
        <h2>栏目更新</h2>
        <ol>
          <li><span><strong>1</strong></span><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
          <li><span><strong>2</strong></span><a href="/">励志人生-要做一个潇洒的女人</a></li>
          <li><span><strong>3</strong></span><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
          <li><span><strong>4</strong></span><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
          <li><span><strong>5</strong></span><a href="/">女生清新个人博客网站模板</a></li>
          <li><span><strong>6</strong></span><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
          <li><span><strong>7</strong></span><a href="/">Column 三栏布局 个人网站模板</a></li>
          <li><span><strong>8</strong></span><a href="/">时间煮雨-个人网站模板</a></li>
          <li><span><strong>9</strong></span><a href="/">花气袭人是酒香—个人网站模板</a></li>
        </ol>
      </div>
      <div class="toppic">
        <h2>图文并茂</h2>
        <ul>
          <li><a href="/"><img src="images/k01.jpg">腐女不可怕，就怕腐女会画画！
            <p>伤不起</p>
            </a></li>
          <li><a href="/"><img src="images/k02.jpg">问前任，你还爱我吗？无限戳中泪点~
            <p>感兴趣</p>
            </a></li>
          <li><a href="/"><img src="images/k03.jpg">世上所谓幸福，就是一个笨蛋遇到一个傻瓜。
            <p>喜欢</p>
            </a></li>
        </ul>
      </div>
      <div class="clicks">
        <h2>热门点击</h2>
        <ol>
          <li><span><a href="/">慢生活</a></span><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
          <li><span><a href="/">爱情美文</a></span><a href="/">励志人生-要做一个潇洒的女人</a></li>
          <li><span><a href="/">慢生活</a></span><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
          <li><span><a href="/">博客模板</a></span><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
          <li><span><a href="/">女生个人博客</a></span><a href="/">女生清新个人博客网站模板</a></li>
          <li><span><a href="/">Wedding</a></span><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
          <li><span><a href="/">三栏布局</a></span><a href="/">Column 三栏布局 个人网站模板</a></li>
          <li><span><a href="/">个人网站模板</a></span><a href="/">时间煮雨-个人网站模板</a></li>
          <li><span><a href="/">古典风格</a></span><a href="/">花气袭人是酒香—个人网站模板</a></li>
        </ol>
      </div>
    </aside>
  </div>
  <!--blogs end--> 
</div>
<!--mainbody end-->
<footer>
</footer>
<!-- jQuery仿腾讯回顶部和建议 代码开始 -->
<div id="tbox"> <a id="togbook" href="/e/tool/gbook/?bid=1"></a> <a id="gotop" href="javascript:void(0)"></a> </div>
<!-- 代码结束 -->
</body>
</html>